<template>
  <!--
  $attrs:非props属性接收，父传入子的属性如果子没有通过props接收，它就会接收 v-bind="$attrs"
  $listeners:接收父传子的所有方法 {方法名:()=>{....}}   v-on="$listeners"
  inheritAttrs: false // 父传入子的属性是否希望加入到标签最外层，默认是加入的
 -->
  <div>
    {{ $attrs }}
    <input :value="$attrs.value" type="text">
    <img v-bind="$attrs" @click="$listeners.click">
    <img v-bind="$attrs" v-on="$listeners">
    <hr>
    <SonG v-bind="$attrs" v-on="$listeners" />
  </div>
</template>
<script>
import SonG from './SonG.vue'
export default {
  components: {
    SonG
  },

  // props: ['value', 'src'],
  methods: {
    btnClick() {
      // this.$emit('click')
      console.log(this.$listeners)
    }
  }
}
</script>
<style>
</style>
